import React, { Component } from 'react';

// 导入样式
import '../../styles/Me/mine.css'

// 引入图标库
import { RightOutline, CalendarOutline, PictureWrongOutline, CalculatorOutline, FileOutline } from 'antd-mobile-icons'
class Mine extends Component {

    //跳路由到登录页
    Login() {
        this.props.history.push({ pathname: '/Login' })
    }
    render() {
        return (
            <div className='mine'>

                <div className='bgc'>
                    <div className='portrait'>
                        <img src="https://qiantum.xdf.cn/bj/mglh_bklh_yxtj/W020210105489715836062.jpg" alt="" onClick={() => { this.Login() }} />
                    </div>

                </div>

                <div className='ShouCang'>
                    <div >
                        <div className='ShouCang-one'>1</div>
                        <div className='ShouCang-one'>收藏</div>
                    </div>
                    <div>
                        <div className='ShouCang-one'>0</div>
                        <div className='ShouCang-one'> 积分</div>
                    </div>
                    <div>
                        <div className='ShouCang-one'>0</div>
                        <div className='ShouCang-one'>优惠卷</div>
                    </div>
                </div>
                <div className='order'>
                    <div className='order-h'>
                        <span className='sp-one'>我的订单</span>
                        <span className='sp-two'>产看全部订单
                            <RightOutline />
                        </span>
                    </div>
                    <div className='content'>
                        <div >
                            <span>
                                <CalendarOutline fontSize={36} />
                            </span>
                            <span>待付款</span>
                        </div>
                        <div >
                            <span>
                                <PictureWrongOutline fontSize={36} />
                            </span>
                            <span>待发货</span>
                        </div>
                        <div >
                            <span>
                                <CalculatorOutline fontSize={36} />
                            </span>
                            <span>已发货</span>
                        </div>
                        <div >
                            <span>
                                <FileOutline fontSize={36} />
                            </span>
                            <span>待评价</span>
                        </div>
                    </div>
                </div>
                <div className='huiyuan '>
                    <p>会员中心</p>
                    <div className='ybq'> <RightOutline fontSize={24} /></div>
                </div>
                <div className='ljzx'>
                    <div className='lingjuan '>
                        <p>领卷中心</p>
                        <div className='ybq'> <RightOutline fontSize={24} /></div>
                    </div> <div className='lingjuan '>
                        <p>我的评价</p>
                        <div className='ybq'> <RightOutline fontSize={24} /></div>
                    </div> <div className='lingjuan '>
                        <p>收货地址</p>
                        <div className='ybq'> <RightOutline fontSize={24} /></div>
                    </div> <div className='lingjuan '>
                        <p>我的客服</p>
                        <div className='ybq'> <RightOutline fontSize={24} /></div>
                    </div>
                </div>
            </div>
        );
    }
}

export default Mine;